<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {padding: 0;margin: 0;box-sizing: border-box}

        .main {margin: 0 auto;min-width: 800px;max-width: 1300px;}

        .container {display: flex;height: 800px;}

        .container .center {flex: 1;background-color: skyblue;}

        .container .left {flex: 0 0 200px;order: -1;background-color: yellowgreen;}

        .container .right {flex: 0 0 150px;background-color: hotpink;}
    </style>
</head>
<body>
<div class="container main">
    <div class="center">
        一切都是命运
        一切都是烟云
        一切都是没有结局的开始
        一切都是稍纵即逝的追寻
        一切欢乐都没有微笑
        一切苦难都没有泪痕
        一切语言都是重复
        一切交往都是初逢
        一切爱情都在心里
        一切往事都在梦中
        一切希望都带着注释
        一切信仰都带着呻吟
        一切爆发都有片刻的宁静
        一切死亡都有冗长的回声
    </div>
    <div class="left"></div>
    <div class="right"></div>
</div>
</body>
</html>